<!DOCTYPE html>
<html lang="zh-CN" xmlns:th="http://www.thymeleaf.org">

<head>
    <title>登陆</title>
    <meta charset="UTF-8"/>
    <meta name="viewport" content="width=device-width, initial-scale=1.0"/>

    <link rel="stylesheet" th:href="@{/home/login/bootstrap.min.css}"/>
    <link rel="stylesheet" th:href="@{/home/login/css/camera.css}"/>
    <link rel="stylesheet" th:href="@{/home/login/bootstrap-responsive.min.css}"/>
    <link rel="stylesheet" th:href="@{/home/login/matrix-login.css}"/>
    <link rel="stylesheet" th:href="@{/home/login/font-awesome.css}"/>
    <script th:src="@{/home/login/js/jquery-1.5.1.min.js}"></script>

</head>
<body>


<!-- 登录注册 -->
<div style="width:100%;text-align: center;margin: 0 auto;position: absolute;">

    <!--登录-->
    <div id="windows1">
        <div id="loginbox">
            <form method="post" name="loginForm" id="loginForm">
                <div class="control-group normal_text">
                    <h3>
                        <img th:src="@{/home/login/logo.png}" alt="Logo"/>
                    </h3>
                </div>
                <div class="control-group">
                    <div class="controls">
                        <div class="main_input_box">
							<span class="add-on bg_lg">
							<i><img height="37" th:src="@{/home/login/user.png}"/></i>
							</span><input type="number" name="loginphone" id="loginphone" value=""
                                          placeholder="请输入手机号进行登录"/>
                        </div>
                    </div>
                </div>
                <div class="control-group">
                    <div class="controls">
                        <div class="main_input_box">
							<span class="add-on bg_ly">
							<i><img height="37" th:src="@{/home/login/suo.png}"/></i>
							</span><input type="password" name="loginpassword" id="loginpassword" placeholder="请输入密码"
                                          class="keypad" value=""/>
                        </div>
                    </div>
                </div>
                <div style="float:right;padding-right:10%;">
                    <div style="float: left;margin-top:3px;margin-right:2px;">
                        <font color="white">记住密码</font>
                    </div>
                    <div style="float: left;">
                        <input name="form-field-checkbox" id="saveid" type="checkbox"
                               onclick="savePaw();" style="padding-top:0px;"/>
                    </div>
                </div>
                <div class="form-actions">
                    <div style="width:86%;padding-left:8%;">
                        <div style="float: left;padding-top:2px;">
                            <i><img th:src="@{/home/login/yan.png}"/></i>
                        </div>
                        <div style="float: left;" class="codediv">
                            <input type="text" name="code" id="code" class="login_code"
                                   style="height:16px; padding-top:4px;"/>
                        </div>
                        <div style="float: left;">
                            <img th:src="@{/cpacha/generate_cpacha?vl=4&fs=25&w=128&h=40&method=home_login_img_code}"
                                 class="pull-right" id="logincaptcha" style="cursor: pointer;"
                                 onclick="this.src=this.src+'&d='+Math.random();">
                        </div>
                        <span class="pull-right" style="padding-right:3%;">
                            <a href="javascript:changepage(2);" class="btn btn-success">注册</a></span>
                        <span class="pull-right">
                            <a onclick="severCheck()" class="flip-link btn btn-info" id="to-recover">登录</a></span>
                        <span class="pull-right">
                            <a href="javascript:changepage(3);"  class="flip-link btn btn-info" >忘记密码</a></span>
                    </div>
                </div>
            </form>
            <div class="controls">
                <div class="main_input_box">
                    <font color="white"><span name="nameerr">Copyright&copy;2020
                        <a th:href="@{/home/index/index}" style="font-style: oblique;font-size: 16px; color: #ffffff">【前往首页】</a>
                        </span></font>
                </div>
            </div>
        </div>
    </div>

    <!-- 注册 -->
    <div id="windows2" style="display: none;">
        <div id="loginbox">
            <form action="" method="post" name="registerForm" id="registerForm">
                <div class="control-group normal_text">
                    <h3>
                        <img th:src="@{/home/login/logo.png}" alt="Logo"/>
                    </h3>
                </div>
                <div class="control-group">
                    <div class="controls">
                        <div class="main_input_box">
							<span class="add-on bg_lg"><i>号码</i>
                            </span><input type="number" name="resphone" id="resphone" value="" placeholder="请输入手机号进行注册"/>
                        </div>
                    </div>
                </div>
                <div class="control-group">
                    <div class="controls">
                        <div class="main_input_box">
                            <span class="add-on bg_ly"><i>密码</i>
                            </span><input type="password" name="respassword" id="respassword" placeholder="请输入密码" class="keypad" value=""/>
                        </div>
                    </div>
                </div>
                <div class="control-group">
                    <div class="controls">
                        <div class="main_input_box">
                            <span class="add-on bg_ly"><i>重输</i>
                            </span><input type="password" name="chkpwd" id="chkpwd" placeholder="请重新输入密码" class="keypad"  value=""/>
                        </div>
                    </div>
                </div>
                <div class="control-group">
                    <div class="controls">
                        <div class="main_input_box">
							<span class="add-on bg_lg"><i>姓名</i>
                            </span><input type="text" name="name" id="name" value="" placeholder="请输入住客姓名"/>
                        </div>
                    </div>
                </div>
                <div class="control-group">
                    <div class="controls">
                        <div class="main_input_box">
							<span class="add-on bg_lg"><i>邮箱</i>
							</span><input type="text" name="EMAIL" id="EMAIL" value="" placeholder="请输入邮箱"/>
                        </div>
                    </div>
                </div>
                <div class="form-actions">
                    <div style="width:86%;padding-left:8%;">
                        <div style="float: left;padding-top:2px;">
                            <i><img th:src="@{/home/login/yan.png}"/></i>
                        </div>
                        <div style="float: left;" class="codediv">
                            <input type="text" name="rcode" id="rcode" class="login_code"
                                   style="height:16px; padding-top:4px;"/>
                        </div>
                        <div style="float: left;">
                            <img th:src="@{/cpacha/generate_cpacha?vl=4&fs=25&w=128&h=40&method=home_register_img_code}"
                                 class="pull-right" id="rescaptcha" style="cursor: pointer;"
                                 onclick="this.src=this.src+'&d='+Math.random();">
                        </div>
                        <span class="pull-right" style="padding-right:3%;">
                            <a href="javascript:changepage(1);" class="btn btn-success">取消</a></span>
                        <span class="pull-right"><a onclick="register();" class="flip-link btn btn-info"
                                                    id="to-recover2">提交</a></span>
                    </div>
                </div>
            </form>


            <div class="controls">
                <div class="main_input_box">
                    <font color="white"><span name="nameerr">Copyright &copy;2020 上海猿礼软件科技有限公司</span></font>
                </div>
            </div>
        </div>
    </div>

    <!--修改密码-->
    <div id="windows3" style="display: none;">
        <div id="loginbox">
            <form method="post" name="ForgetPasswordForm" id="ForgetPasswordForm">
                <div class="control-group normal_text">
                    <h3>
                        <img th:src="@{/home/login/logo.png}" alt="Logo"/>
                    </h3>
                </div>

                <div class="control-group">
                    <div class="controls">
                        <div class="main_input_box">
                            <span class="add-on bg_ly"><i>号码</i>
                            </span><input type="number" name="phone" id="forgetPhone" placeholder="请输入注册手机号进行验证" />
                        </div>
                    </div>
                </div>
                <div class="control-group">
                    <div class="controls">
                        <div class="main_input_box">
                            <span class="add-on bg_ly"><i>姓名</i>
                            </span><input type="text" name="name" id="forgetName" placeholder="请输入注册姓名进行验证"/>
                        </div>
                    </div>
                </div>
                <div class="control-group">
                    <div class="controls">
                        <div class="main_input_box">
                            <span class="add-on bg_ly"><i>密码</i>
                            </span><input type="password" name="password" id="forgetPassword" placeholder="请重新输入密码"/>
                        </div>
                    </div>
                </div>
                <div class="control-group">
                    <div class="controls">
                        <div class="main_input_box">
                            <span class="add-on bg_ly"><i>重输</i>
                            </span><input type="password" name="checkForgetPassword" id="checkForgetPassword" placeholder="请再次输入密码"/>
                        </div>
                    </div>
                </div>
                <div class="form-actions">
                    <div style="width:86%;padding-left:8%;">
                        <div style="float: left;padding-top:2px;">
                            <i><img th:src="@{/home/login/yan.png}"/></i>
                        </div>
                        <div style="float: left;" class="codediv">
                            <input type="text" name="code" id="fcode" class="login_code"
                                   style="height:16px; padding-top:4px;"/>
                        </div>
                        <div style="float: left;">
                            <img th:src="@{/cpacha/generate_cpacha?vl=4&fs=25&w=128&h=40&method=home_login_img_code}"
                                 class="pull-right" id="logincaptcha" style="cursor: pointer;"
                                 onclick="this.src=this.src+'&d='+Math.random();">
                        </div>
                        <span class="pull-right" style="padding-right:3%;">
                            <a href="javascript:changepage(1);" class="btn btn-success">取消</a></span>
                        <span class="pull-right">
                            <a onclick="forgetPassword()" class="flip-link btn btn-info" >重设密码</a></span>
                    </div>
                </div>
            </form>
        </div>
    </div>

</div>


<div id="templatemo_banner_slide" class="container_wapper">
    <div class="camera_wrap camera_emboss" id="camera_slide">
        <!-- 背景图片 -->
        <div th:attr="data-src=@{/home/login/images/banner_slide_01.jpg}"></div>
        <div th:attr="data-src=@{/home/login/images/banner_slide_02.jpg}"></div>
        <div th:attr="data-src=@{/home/login/images/banner_slide_03.jpg}"></div>
        <div th:attr="data-src=@{/home/login/images/banner_slide_04.jpg}"></div>
    </div>
    <!-- #camera_wrap_3 -->
</div>



<script th:src="@{/home/js/homeLogin.js}"></script>
<script th:src="@{/home/login/js/bootstrap.min.js}"></script>
<script th:src="@{/home/js/jquery-1.7.2.js}"></script>
<script th:src="@{/home/login/js/jquery.easing.1.3.js}"></script>
<script th:src="@{/home/login/js/jquery.mobile.customized.min.js}"></script>
<script th:src="@{/home/login/js/camera.min.js}"></script>
<script th:src="@{/home/login/js/templatemo_script.js}"></script>
<script type="text/javascript" th:src="@{/home/js/jQuery.md5.js}"></script>
<script type="text/javascript" th:src="@{/home/js/jquery.tips.js}"></script>
<script type="text/javascript" th:src="@{/home/js/jquery.cookie.js}"></script>
<script th:src="@{/home/login/js/camera.min.js}"></script>


</body>

</html>